<%--
  author: fuxueHu
  description: 应聘详情页面
--%>
<%@ page language="java" contentType="text/html;charset=UTF-8" pageEncoding="UTF-8" import="java.util.*"
         isELIgnored="false" %>
<%@ taglib prefix="rapid" uri="http://www.rapid-framework.org.cn/rapid" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<rapid:override name="title">应聘详情信息</rapid:override>
<rapid:override name="head_extend">

</rapid:override>

<rapid:override name="content">
    <div class="row">
        <div class="col-sm-12">
            <div class="wrapper wrapper-content">
                <div class="row animated fadeInRight">
                    <div class="col-sm-12">
                        <div class="ibox float-e-margins">
                            <div class="text-center float-e-margins p-md">
                                <span class="btn btn-xs btn-primary">应聘进度</span>
                            </div>
                            <div class="" id="ibox-content">
                                <div class="progress progress-striped active">
                                    <div style="width: 30%" class="progress-bar progress-bar-success">
                                        <span class="sr-only">30% Complete (success)</span>
                                    </div>
                                    <div style="width: 20%" class="progress-bar progress-bar-warning">
                                        <span class="sr-only">15% Complete (warning)</span>
                                    </div>
                                    <div style="width: 40%" class="progress-bar progress-bar-danger">
                                        <span class="sr-only">40% Complete (danger)</span>
                                    </div>
                                </div>
                                <div id="vertical-timeline" class="vertical-container light-timeline">
                                    <div class="vertical-timeline-block">
                                        <div class="vertical-timeline-icon navy-bg">
                                            <i class="fa fa-briefcase"></i>
                                        </div>

                                        <div class="vertical-timeline-content">
                                            <h2>面试结果</h2>
                                            <p>通过
                                            </p>
                                            <span class="vertical-date">
                                        <small>2月3日</small>
                                    </span>
                                        </div>
                                    </div>

                                    <div class="vertical-timeline-block">
                                        <div class="vertical-timeline-icon blue-bg">
                                            <i class="fa fa-file-text"></i>
                                        </div>

                                        <div class="vertical-timeline-content">
                                            <h2>面试反馈</h2>
                                            <p>表达能力强</p>
                                            <span class="vertical-date">
                                        今天 <br>
                                        <small>2月3日</small>
                                    </span>
                                        </div>
                                    </div>

                                    <div class="vertical-timeline-block">
                                        <div class="vertical-timeline-icon lazur-bg">
                                            <i class="fa fa-coffee"></i>
                                        </div>

                                        <div class="vertical-timeline-content">
                                            <h2>技能匹配度</h2>
                                            <p>喝咖啡啦，啦啦啦~~</p>
                                            <span class="vertical-date"> 昨天 <br><small>2月2日</small></span>
                                        </div>
                                    </div>
                                    <div class="col-sm-12">
                                        <div class="ibox">
                                            <div class="ibox-content">
                                                <div class="clients-list">
                                                    <ul class="nav nav-tabs">
                                                        <li class="active"><a data-toggle="tab" href="#tab-1" aria-expanded="true"><i class="fa fa-user"></i> 人事</a>
                                                        </li>
                                                        <li class=""><a data-toggle="tab" href="#tab-2" aria-expanded="false"><i class="fa fa-briefcase"></i> 面试官</a>
                                                        </li>
                                                    </ul>
                                                    <div class="tab-content">
                                                        <div id="tab-1" class="tab-pane active">
                                                            <div class="slimScrollDiv" style="position: relative; width: auto; height: 100%;"><div class="full-height-scroll" style="width: auto; height: 100%;">
                                                                <div class="table-responsive">
                                                                    <table class="table table-striped table-hover">
                                                                        <tbody>
                                                                        <tr>
                                                                            <td class="client-avatar"><img alt="image" src="img/a2.jpg"> </td>
                                                                            <td><a data-toggle="tab" href="#contact-1" class="client-link" aria-expanded="true">袁岳</a>
                                                                            </td>
                                                                            <td> 人事经理</td>
                                                                            <td class="contact-type"><i class="fa fa-envelope"> </i>
                                                                            </td>
                                                                            <td> gravida@qq.com</td>
                                                                            <td class="client-status"><span class="label label-primary">已验证</span>
                                                                            </td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td class="client-avatar">
                                                                                <a href=""><img alt="image" src="img/a5.jpg">
                                                                                </a>
                                                                            </td>
                                                                            <td><a data-toggle="tab" href="#contact-4" class="client-link" aria-expanded="true">李全福</a>
                                                                            </td>
                                                                            <td>东莞市益健包装机械有限公司</td>
                                                                            <td class="contact-type"><i class="fa fa-phone"> </i>
                                                                            </td>
                                                                            <td> 15709758904</td>
                                                                            <td class="client-status"><span class="label label-warning">等待验证</span>
                                                                            </td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td class="client-avatar">
                                                                                <a href=""><img alt="image" src="img/a7.jpg">
                                                                                </a>
                                                                            </td>
                                                                            <td><a data-toggle="tab" href="#contact-3" class="client-link" aria-expanded="true">萧志林</a>
                                                                            </td>
                                                                            <td>佛山市顺德区威利丰贸易有限公司 </td>
                                                                            <td class="contact-type"><i class="fa fa-envelope"> </i>
                                                                            </td>
                                                                            <td> pacheco@163.com</td>
                                                                            <td class="client-status"><span class="label label-info">未验证</span>
                                                                            </td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td class="client-avatar">
                                                                                <a href=""><img alt="image" src="img/a2.jpg">
                                                                                </a>
                                                                            </td>
                                                                            <td><a data-toggle="tab" href="#contact-1" class="client-link" aria-expanded="true">袁岳</a>
                                                                            </td>
                                                                            <td> 瑞安市海诚机械有限公司</td>
                                                                            <td class="contact-type"><i class="fa fa-envelope"> </i>
                                                                            </td>
                                                                            <td> gravida@qq.com</td>
                                                                            <td class="client-status"><span class="label label-danger">已删除</span>
                                                                            </td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td class="client-avatar">
                                                                                <a href=""><img alt="image" src="img/a7.jpg">
                                                                                </a>
                                                                            </td>
                                                                            <td><a data-toggle="tab" href="#contact-2" class="client-link" aria-expanded="true">萧志林</a>
                                                                            </td>
                                                                            <td>佛山市顺德区威利丰贸易有限公司 </td>
                                                                            <td class="contact-type"><i class="fa fa-envelope"> </i>
                                                                            </td>
                                                                            <td> pacheco@163.com</td>
                                                                            <td class="client-status"><span class="label label-primary">已验证</span>
                                                                            </td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td class="client-avatar">
                                                                                <a href=""><img alt="image" src="img/a5.jpg">
                                                                                </a>
                                                                            </td>
                                                                            <td><a data-toggle="tab" href="#contact-3" class="client-link" aria-expanded="true">李全福</a>
                                                                            </td>
                                                                            <td>东莞市益健包装机械有限公司</td>
                                                                            <td class="contact-type"><i class="fa fa-phone"> </i>
                                                                            </td>
                                                                            <td> 18897654904</td>
                                                                            <td class="client-status"><span class="label label-info">未验证</span>
                                                                            </td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td class="client-avatar">
                                                                                <a href=""><img alt="image" src="img/a6.jpg">
                                                                                </a>
                                                                            </td>
                                                                            <td><a data-toggle="tab" href="#contact-4" class="client-link" aria-expanded="true">吴俭俭</a>
                                                                            </td>
                                                                            <td>温州轩特包装机械有限公司</td>
                                                                            <td class="contact-type"><i class="fa fa-phone"> </i>
                                                                            </td>
                                                                            <td> 18290876923</td>
                                                                            <td class="client-status"><span class="label label-primary">已验证</span>
                                                                            </td>
                                                                        </tr>

                                                                        </tbody>
                                                                    </table>
                                                                </div>
                                                            </div><div class="slimScrollBar" style="background: rgb(0, 0, 0); width: 4px; position: absolute; top: 235px; opacity: 0.4; display: none; border-radius: 7px; z-index: 99; right: 1px; height: 365.112px;"></div><div class="slimScrollRail" style="width: 4px; height: 100%; position: absolute; top: 0px; display: none; border-radius: 7px; background: rgb(51, 51, 51); opacity: 0.2; z-index: 90; right: 1px;"></div></div>
                                                        </div>
                                                        <div id="tab-2" class="tab-pane">
                                                            <div class="slimScrollDiv" style="position: relative; width: auto; height: 100%;"><div class="full-height-scroll" style="width: auto; height: 100%;">
                                                                <div class="table-responsive">
                                                                    <table class="table table-striped table-hover">
                                                                        <tbody>
                                                                        <tr>
                                                                            <td><a data-toggle="tab" href="#company-1" class="client-link" aria-expanded="false">顺哥</a>
                                                                            </td>
                                                                            <td>高级工程师</td>
                                                                            <td><i class="fa fa-flag"></i> 研发部</td>
                                                                            <td class="client-status"><span class="label label-primary">已通过</span>
                                                                            </td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td><a data-toggle="tab" href="#company-2" class="client-link" aria-expanded="false">上海申弘投资发展有限公司</a>
                                                                            </td>
                                                                            <td>广州</td>
                                                                            <td><i class="fa fa-flag"></i> 中国</td>
                                                                            <td class="client-status"><span class="label label-primary">已验证</span>
                                                                            </td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td><a data-toggle="tab" href="#company-3" class="client-link" aria-expanded="false">衢州凯德竹业科技有限公司</a>
                                                                            </td>
                                                                            <td>广州</td>
                                                                            <td><i class="fa fa-flag"></i> 中国</td>
                                                                            <td class="client-status"></td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td><a data-toggle="tab" href="#company-1" class="client-link" aria-expanded="false">北京科诺耐尔科技发展有限公司</a>
                                                                            </td>
                                                                            <td>广州</td>
                                                                            <td><i class="fa fa-flag"></i> 中国，美国</td>
                                                                            <td class="client-status"><span class="label label-warning">等待验证</span>
                                                                            </td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td><a data-toggle="tab" href="#company-2" class="client-link" aria-expanded="false">上海一喜食品机械有限公司</a>
                                                                            </td>
                                                                            <td>广州</td>
                                                                            <td><i class="fa fa-flag"></i> 中国</td>
                                                                            <td class="client-status"></td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td><a data-toggle="tab" href="#company-3" class="client-link" aria-expanded="false"> 北京巨皓知识产权代理有限公司</a>
                                                                            </td>
                                                                            <td>广州</td>
                                                                            <td><i class="fa fa-flag"></i> 日本</td>
                                                                            <td class="client-status"><span class="label label-primary">已验证</span>
                                                                            </td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td><a data-toggle="tab" href="#company-2" class="client-link" aria-expanded="false">山东百洋工业装备有限公司</a>
                                                                            </td>
                                                                            <td>广州</td>
                                                                            <td><i class="fa fa-flag"></i> 中国</td>
                                                                            <td class="client-status"><span class="label label-primary">已验证</span>
                                                                            </td>
                                                                        </tr>



                                                                        </tbody>
                                                                    </table>
                                                                </div>
                                                            </div><div class="slimScrollBar" style="background: rgb(0, 0, 0); width: 4px; position: absolute; top: 0px; opacity: 0.4; display: block; border-radius: 7px; z-index: 99; right: 1px;"></div><div class="slimScrollRail" style="width: 4px; height: 100%; position: absolute; top: 0px; display: none; border-radius: 7px; background: rgb(51, 51, 51); opacity: 0.2; z-index: 90; right: 1px;"></div></div>
                                                        </div>
                                                    </div>

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</rapid:override>
<rapid:override name="js_extend">

</rapid:override>
<%@include file="/jsp/common/admin/base.jsp" %>